<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Matrix Admin</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <%@include file="/WEB-INF/pages/common/commonCss.jsp"%>
  <link rel="stylesheet" href="${basePath}/resources/css/colorpicker.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/datepicker.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/uniform.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/select2.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/matrix-style.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/matrix-media.css" />
  <link rel="stylesheet" href="${basePath}/resources/css/bootstrap-wysihtml5.css" />


</head>

<body>

<!--Header-part-->
<%@include file="/WEB-INF/pages/common/head.jsp"%>


<!--sidebar-menu-->
<%@include file="/WEB-INF/pages/common/left.jsp"%>

<div id="content">
  <div id="content-header">
    <div id="breadcrumb"> <a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 首页</a> <a href="#" class="current">Tables</a> </div>
    <h1>平台商品新增</h1>
  </div>

  <div class="container-fluid">

    <hr>
    <div class="row-fluid">
      <div class="span12">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
            <h5>Form Elements</h5>
          </div>
          <div class="widget-content nopadding">
            <form action="#" method="get" class="form-horizontal">
              <div class="control-group">
                <label class="control-label">First Name :</label>
                <div class="controls">
                  <input type="text" class="span11" placeholder="First name">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Last Name :</label>
                <div class="controls">
                  <input type="text" class="span11" placeholder="Last name">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Password input</label>
                <div class="controls">
                  <input type="password" class="span11" placeholder="Enter Password">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Company info :</label>
                <div class="controls">
                  <input type="text" class="span11" placeholder="Company name">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Description field:</label>
                <div class="controls">
                  <input type="text" class="span11">
                  <span class="help-block">Description field</span> </div>
              </div>
              <div class="control-group">
                <label class="control-label">Message</label>
                <div class="controls">
                  <textarea class="span11"></textarea>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Select input</label>
                <div class="controls">
                  <div class="select2-container" id="s2id_autogen1">    <a href="#" onclick="return false;" class="select2-choice">   <span>First option</span><abbr class="select2-search-choice-close" style="display:none;"></abbr>   <div><b></b></div></a>    <div class="select2-drop select2-offscreen">   <div class="select2-search">       <input type="text" autocomplete="off" class="select2-input" tabindex="0">   </div>   <ul class="select2-results">   </ul></div></div><select style="display: none;">
                  <option>First option</option>
                  <option>Second option</option>
                  <option>Third option</option>
                  <option>Fourth option</option>
                  <option>Fifth option</option>
                  <option>Sixth option</option>
                  <option>Seventh option</option>
                  <option>Eighth option</option>
                </select>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Multiple Select input</label>
                <div class="controls">
                  <div class="select2-container select2-container-multi" id="s2id_autogen2">
                    <%--<ul class="select2-choices">--%>
                      <%--<li class="select2-search-choice">--%>
                        <%--<div>Second option</div>--%>
                          <%--<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a>--%>
                      <%--</li>--%>
                      <%--<li class="select2-search-choice">--%>
                        <%--<div>Fourth option</div>--%>
                        <%--<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a>--%>
                      <%--</li>--%>
                      <%--<li class="select2-search-choice">--%>
                        <%--<div>Seventh option</div>--%>
                        <%--<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a></li>--%>
                      <%--<li class="select2-search-choice">--%>
                        <%--<div>Sixth option</div>--%>
                        <%--<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a></li>--%>
                      <%--<li class="select2-search-choice">--%>
                        <%--<div>Eighth option</div>--%>
                        <%--<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a></li>--%>
                      <%--<li class="select2-search-field">--%>
                        <%--<input type="text" autocomplete="off" class="select2-input" tabindex="0" style="width: 10px;">--%>
                      <%--</li>--%>
                    <%--</ul>--%>
                  </div>
                  <select multiple="" style="display: none;">
                  <option>First option</option>
                  <option selected="">Second option</option>
                  <option>Third option</option>
                  <option>Fourth option</option>
                  <option>Fifth option</option>
                  <option>Sixth option</option>
                  <option>Seventh option</option>
                  <option>Eighth option</option>
                </select>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Radio inputs</label>
                <div class="controls">
                  <label>
                    <div class="radio" id="uniform-undefined"><span><input type="radio" name="radios" style="opacity: 0;"></span></div>
                    First One</label>
                  <label>
                    <div class="radio" id="uniform-undefined"><span><input type="radio" name="radios" style="opacity: 0;"></span></div>
                    Second One</label>
                  <label>
                    <div class="radio" id="uniform-undefined"><span><input type="radio" name="radios" style="opacity: 0;"></span></div>
                    Third One</label>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Checkboxes</label>
                <div class="controls">
                  <label>
                    <div class="checker" id="uniform-undefined"><span><input type="checkbox" name="radios" style="opacity: 0;"></span></div>
                    First One</label>
                  <label>
                    <div class="checker" id="uniform-undefined"><span><input type="checkbox" name="radios" style="opacity: 0;"></span></div>
                    Second One</label>
                  <label>
                    <div class="checker" id="uniform-undefined"><span><input type="checkbox" name="radios" style="opacity: 0;"></span></div>
                    Third One</label>
                </div>
              </div>
              <div class="control-group">
                <label for="checkboxes" class="control-label">Data Toggle checkbox</label>
                <div class="controls">
                  <div data-toggle="buttons-checkbox" class="btn-group">
                    <button class="btn btn-primary" type="button">Left</button>
                    <button class="btn btn-primary" type="button">Middle</button>
                    <button class="btn btn-primary" type="button">Right</button>
                  </div>
                </div>
              </div>
              <div class="control-group">
                <label for="checkboxes" class="control-label">Data Radio button</label>
                <div class="controls">
                  <div data-toggle="buttons-radio" class="btn-group">
                    <button class="btn btn-primary" type="button">Left</button>
                    <button class="btn btn-primary" type="button">Middle</button>
                    <button class="btn btn-primary" type="button">Right</button>
                  </div>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Date picker (dd-mm)</label>
                <div class="controls">
                  <input type="text" data-date="01-02-2013" data-date-format="dd-mm-yyyy" value="01-02-2013" class="datepicker span11">
                  <span class="help-block">Date with Formate of  (dd-mm-yy)</span> </div>
              </div>
              <div class="control-group">
                <label class="control-label">File upload input</label>
                <div class="controls">
                  <div class="uploader" id="uniform-undefined"><input type="file" size="19" style="opacity: 0;"><span class="filename">No file selected</span><span class="action">Choose File</span></div>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Disabled Input</label>
                <div class="controls">
                  <input type="text" placeholder="You can't type anything…" disabled="" class="span11">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Prepended Input</label>
                <div class="controls">
                  <div class="input-prepend"> <span class="add-on">#</span>
                    <input type="text" placeholder="prepend" class="span11">
                  </div>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Appended Input</label>
                <div class="controls">
                  <div class="input-append">
                    <input type="text" placeholder="5.000" class="span11">
                    <span class="add-on">$</span> </div>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">A详情</label>
                <div class="controls">
                    <textarea id="editor_id" name="content" style="width:700px;height:300px;" check-type="required" >资讯内容</textarea>

                </div>
              </div>
              <div class="control-group warning">
                <label class="control-label" for="inputWarning">Input with warning</label>
                <div class="controls">
                  <input type="text" id="inputWarning" class="span11">
                  <span class="help-inline">Something may have gone wrong</span> </div>
              </div>
              <div class="control-group error">
                <label class="control-label" for="inputError">Input with error</label>
                <div class="controls">
                  <input type="text" id="inputError" class="span11">
                  <span class="help-inline">Please correct the error</span> </div>
              </div>
              <div class="control-group info">
                <label class="control-label" for="inputInfo">Input with info</label>
                <div class="controls">
                  <input type="text" id="inputInfo" class="span11">
                  <span class="help-inline">Username is already taken</span> </div>
              </div>
              <div class="form-actions">
                <button type="submit" class="btn btn-success">Save</button>
              </div>
            </form>
          </div>
        </div>

            </form>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- Modal -->

</div>



<!--Footer-part-->
<%@include file="/WEB-INF/pages/common/footer.jsp"%>

<!--end-Footer-part-->

<%@include file="/WEB-INF/pages/common/commonJS.jsp"%>
<script src="${basePath}/resources/js/jquery.ui.custom.js"></script>
<script src="${basePath}/resources/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/js/bootstrap-colorpicker.js"></script>
<script src="${basePath}/resources/js/bootstrap-datepicker.js"></script>
<script src="${basePath}/resources/js/jquery.toggle.buttons.js"></script>
<script src="${basePath}/resources/js/masked.js"></script>
<script src="${basePath}/resources/js/jquery.uniform.js"></script>
<script src="${basePath}/resources/js/select2.min.js"></script>
<script src="${basePath}/resources/js/matrix.js"></script>
<script src="${basePath}/resources/js/matrix.form_common.js"></script>
<script src="${basePath}/resources/js/wysihtml5-0.3.0.js"></script>
<script src="${basePath}/resources/js/jquery.peity.min.js"></script>
<script src="${basePath}/resources/js/bootstrap-wysihtml5.js"></script>
<script src="${basePath}/resources/js/bootstrap-wysihtml5.js"></script>
<script src="${basePath}/resources/js/kindeditor-4.1.10/kindeditor.js"></script>
<script src="${basePath}/resources/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script src="${basePath}/resources/js/kindeditor-4.1.10/plugins/code/prettify.js"></script>


<script>
  $('.textarea_editor').wysihtml5();
</script>

<script>
  //上传图片预览方法
  $('#img').change(function () {
    var file = this.files[0]; //选择上传的文件
    var r = new FileReader();
    r.readAsDataURL(file); //Base64
    $(r).load(function () {
      $('#imagepreview').html('<img src="' + this.result + '" width="100px" height="100px" alt="商品图片" />');
    });
  });

  KindEditor.ready(function(K) {
    K.create('#editor_id', {
      uploadJson : '/JuHuaBackSystem/kindEditor/fileUpload',
      fileManagerJson : '/JuHuaBackSystem/kindEditor/fileManager',
      allowFileManager : true ,
      afterCreate : function() {
        var self = this;
        K.ctrl(document, 13, function() {
          self.sync();
          document.forms['example'].submit();
        });
        K.ctrl(self.edit.doc, 13, function() {
          self.sync();
          document.forms['example'].submit();
        });
      }
    });
    prettyPrint();
  })

  var good = {
    //新增
    save:function(){
    }

  };
</script>

</body>
</html>
